<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/comm/header.jsp"%>
<div class="container">
    <div id="toolbar">
        <button class="btn btn-danger" onclick="batchDel()" >批量删除</button>
        <button class="btn btn-success" onclick="add()" >添加角色</button>
        <button class="btn btn-warning" onclick="grant()" >角色授权</button>
    </div>
<table id="roleTb" data-toggle="table"
       data-url="sys/role/list"
       data-striped="true"
       data-toggle="table"
       data-height="450"
       data-toolbar="#toolbar"
        >
    <thead>
        <tr>
            <th data-checkbox="true"></th>
            <th data-field="id">编号</th>
            <th data-field="roleCode">角色代号</th>
            <th data-field="roleName">角色名称</th>
            <th data-field="creationDate" data-formatter="fmtDate">添加日期</th>
            <th data-field="modifyDate">修改日期</th>
            <th data-formatter="actionFormatter" data-events="actionEvents">操作</th>
         </tr>
    </thead>
</table>


    <%--bs3-modal模态框--%>

             <div id="update">
                    <form style="padding:20px 80px">
                        <input type="hidden" name="id">
                        <div class="form-group">
                            <label>角色代号</label>
                            <input type="text" class="form-control" name="roleCode">
                        </div>
                        <div class="form-group">
                            <label>角色名称</label>
                            <input type="text" class="form-control" name="roleName">
                        </div>
                    </form>
                </div>

    <div id="grant">
        <div id="tree"></div>
    </div>
</div>
<%@include file="/comm/footer.jsp"%>
<script src="static/script/role.js"></script>
